<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/haitao.css">
    <link rel="stylesheet" href="./font/返回-评论/iconfont.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="arr">
            <a href="./index.html"><i class="iconfont icon-back"></i></a>
        </div>
        <div class="money">省钱控 - 最新优惠</div>
        <div class="download">
            <a href="#"><img src="./images//header_app.png" alt="" class="download_img"></a>
        </div>
    </div>
    <!-- 商品数据 -->
    <div class="commodity">
        <ul>
            <li class="productId">
                <a href="# " class=" clearfix ">
                    <!-- 商品预览图 -->
                    <div class="preview ">
                        <img src="./images/timg.jpg " alt=" ">
                    </div>
                    <!-- 商品信息 -->
                    <div class="CommodityInformation ">
                        <!-- 主信息 -->
                        <div class="MajorMessage ">{商品数据}
                            <span class=" commodity prices ">{商品价格}</span></div>
                        
                        <!-- 商品来源网站与时间 -->
                        <div class="SourceSite ">
                            <span>{商品来源网站与时间}</span>
                            <span class="iconfont icon-comments ">1</span>

                        </div>
                        <!-- 评价数量 -->
                        <!-- <span class="evaluate "></i></span> -->
                    </div>
                </a>
            </li>
          </ul>
          </div>


    <div class="button">
        <div class="product_page clearfix">
            <button type="button" class="btn btn-default pull-left" id="prePage">上一页</button>
            <button type="button" class="btn btn-default pull-right" id="nextPage">下一页</button>
            <!-- 这可能是要渲染的 -->
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="true">
                    1/3
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <!-- <li><a href="#">1/3</a></li>
                  <li><a href="#">2/3</a></li>
                  <li><a href="#">3/3</a></li> -->
                    <!-- <a><a href="#">第四页</a></a> -->
                </ul>
            </div>
        </div>
    </div>

          
    
    
          <footer>
                <div class="footer_top clearfix">
                    <span>登录</span>
                    <span>注册</span>
                    <a href="#" class="footer_back ">
                        <img src="./images/toTop.jpg " alt=" ">
                        <span>返回顶部</span>
                    </a>
                </div>
                <div class="footer_content ">
                    <div class="footer_link ">
                        <a href="javascript:; ">手机APP下载</a>
                        <a href="javascript:; ">慢慢买手机版</a>
                        <a href="javascript:; ">-- 掌上比价平台</a>
                    </div>
                    <p>m.manmanbuy.com</p>
                </div>
            </footer>
    
</body>

</html>
<script type=" text/template " id="HAITAO">
    <div class="commodity">
        <ul>
            {{each result value index}}
            <a href="javascript:;">
                <li class={{value.productId}}>
                <div class="preview ">
                        {{@ value.productImgSm}} 
                </div>
                   
                    <div class="CommodityInformation">
                     
                        <div class="MajorMessage ">{{value.productName}}
                            <span class="commodity prices ">{{value.productPinkage}}</span></div>
                      
                        <div class="SourceSite">
                            <span>{{value.productFrom}}</span>
                            <span class="iconfont icon-comments ">{{value.productComCount}}</span>
                     </div>
                </li>
            </a>
           
            {{/each}}
        </ul>
    </div>
 </script>
<script src="./lib/bootstrap/js/jquery.1.12.4.js"></script>
<script src="./lib/bootstrap/js/bootstrap.js"></script>
<script src="./lib/art-template/template-web.js "></script>
<script src="./js/haitao.js"></script>
